<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8" />
		<title>家庭教育公共服务</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta content="width=device-width, initial-scale=1" name="viewport" />
		<meta content="" name="description" />
		<meta content="" name="author" />
		<link rel="stylesheet" href="../../css/simple-line-icons.css">
		<link rel="stylesheet" href="../../css/mui.min.css">
		<!-- BEGIN GLOBAL MANDATORY STYLES -->
		<link href="../../css/plugin/bootstrap.min.css" rel="stylesheet" type="text/css" />
		<link href="../../css/plugin/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
		<!-- END GLOBAL MANDATORY STYLES -->
		<!-- BEGIN PAGE LEVEL PLUGINS -->
		<!-- END PAGE LEVEL PLUGINS -->
		<!-- BEGIN THEME GLOBAL STYLES -->
		<link href="../../css/plugin/components-rounded.min.css" rel="stylesheet" id="style_components" type="text/css">
		</script>
		<!-- END THEME GLOBAL STYLES -->
		<!-- BEGIN THEME LAYOUT STYLES -->
		<!-- END THEME LAYOUT STYLES -->
		<link rel="stylesheet" href="../../css/mui-ext.css">
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/plugin/echarts-all.js"></script>
		<script src="../../js/bus/improve-index.js?t=2"></script>

		<style>
			.mt-timeline-horizontal .timeline .mt-ht-nav-icon li:first-child a i {
				left: -10px;
			}
			
			.mt-timeline-horizontal .timeline .mt-ht-nav-icon li a i {
				left: -6px;
			}
			
			.portlet.light.portlet-fit>.portlet-body {
				padding: 0px 0px 0px;
			}
			
			.mt-timeline-2>.mt-container>.mt-item>.mt-timeline-icon {
				width: 30px;
				height: 30px;
			}
			
			.mt-timeline-2>.mt-container>.mt-item>.mt-timeline-icon,
			.mt-timeline-2>.mt-timeline-line {
				left: 16px;
			}
			
			.mt-timeline-2>.mt-container>.mt-item>.mt-timeline-icon>i {
				font-size: 14px;
			}
			
			.mt-timeline-2>.mt-container>.mt-item:nth-child(odd)>.mt-timeline-content>.mt-content-container,
			.mt-timeline-2>.mt-container>.mt-item:nth-child(even)>.mt-timeline-content>.mt-content-container {
				margin-left: 40px;
				margin-right: 0;
			}
			
			.mt-timeline-2>.mt-container>.mt-item:nth-child(even)>.mt-timeline-content>.mt-content-container:before,
			.mt-timeline-2>.mt-container>.mt-item:nth-child(odd)>.mt-timeline-content>.mt-content-container:before {
				left: 30px;
			}
			
			.mt-timeline-2>.mt-container>.mt-item>.mt-timeline-content>.mt-content-container:before {
				top: 5px;
			}
			
			.mt-timeline-2>.mt-container>.mt-item>.mt-timeline-content>.mt-content-container {
				padding: 5px;
			}
			
			.mt-timeline-horizontal .events-content ol li .mt-title,
			.mt-timeline-horizontal .events-content ol li .mt-author {
				margin-top: 2px;
				margin-bottom: 2px;
			}
			
			.mt-author-notes {
				padding-bottom: 10px;
			}
			
			.portlet.light.portlet-fit {
				padding: 2px;
			}
			
			.chart {
				height: 150px;
				margin: 0px;
				padding: 0px;
			}
			
			.add-btn {
				position: fixed;
				bottom: 10px;
				right: 10px;
				/*z-index: 999;*/
			}
		</style>
	</head>
	
	<script src="../../js/bus/pubfun.js"></script>
	<script>
		if(document.attachEvent){
   			window.attachEvent("onload",  iframeAutoFit);
    		window.attachEvent("onresize",  iframeAutoFit);
    	} else {
    		window.addEventListener('load',  iframeAutoFit,  false);
    		window.addEventListener('resize',  iframeAutoFit,  false);
    	}
	</script>
	<!-- END HEAD -->

	<body class="page-container-bg-solid page-header-fixed page-sidebar-closed-hide-logo">
		<!-- END HEADER -->
		<!-- BEGIN HEADER & CONTENT DIVIDER -->
		<!--<header class="mui-bar mui-bar-nav" style="background: #00a8c6;color: #FFFFFF;">
			<a id="back-btn" class=" mui-icon mui-icon-left-nav mui-pull-left" style="color: #FFFFFF;"></a>
			<h1 class="mui-title" style="color: #FFFFFF;">改善</h1>
		</header>-->
		<div class="clearfix"> </div>
		<!-- END HEADER & CONTENT DIVIDER -->
		<!-- BEGIN CONTAINER -->
		<div class="page-container mui-content">
			<!-- BEGIN CONTENT -->
			<div class="page-content-wrapper">
				<!-- BEGIN CONTENT BODY -->
				<div class="page-content">

					<div class="row">
						<div class="col-md-12 col-sm-12">
							<div class="portlet light portlet-fit bordered">
								<div class="portlet-body">
									<div class="cd-horizontal-timeline mt-timeline-horizontal">
										<div class="timeline">
											<div class="events-wrapper">
												<div class="events">
													<ol>

														<li>
															<a href="#0" data-date="01/12/2016" class="border-after-red bg-after-red selected">2016-12</a>
														</li>

													</ol>
													<span class="filling-line bg-red" aria-hidden="true"></span>
												</div>
												<!-- .events -->
											</div>
											<!-- .events-wrapper -->
											<ul class="cd-timeline-navigation mt-ht-nav-icon">
												<li>
													<a href="#0" class="prev inactive btn btn-outline red md-skip">
														<i class="mui-icon mui-icon-back"></i>
													</a>
												</li>
												<li>
													<a href="#0" class="next btn btn-outline red md-skip">
														<i class="mui-icon mui-icon-forward"></i>
													</a>
												</li>
											</ul>
											<!-- .cd-timeline-navigation -->
										</div>
										<!-- .timeline -->
										<div class="events-content">
											<ol>

												<li class="selected" data-date="01/12/2016">

													<div class="mt-timeline-2">
														<div class="mt-timeline-line border-grey-steel"></div>
														<ul class="mt-container">

															<li class="mt-item">
																<div class="mt-timeline-icon bg-blue bg-font-blue border-grey-steel">
																	<i class="icon-plane"></i>
																</div>
																<div class="mt-timeline-content">
																	<div class="mt-content-container bg-white border-grey-steel">
																		<div class="mt-author">
																			<div class="mt-author-notes font-grey-mint">2016-12-01 16:15:59.197</div>
																			<a href="#"><span class="mt-content-title"></span></a>
																		</div>
																		<div class="mt-content border-grey-steel">
																			<p>
																				飞鸿移动电源线路图片了？
																			</p>
																			<!--<a href="javascript:;" class="btn btn-circle btn-outline blue">查看更多</a>-->
																		</div>
																	</div>
																</div>
															</li>

															<li class="mt-item">
																<div class="mt-timeline-icon bg-green-turquoise bg-font-green-turquoise border-grey-steel">
																	<i class="icon-calendar"></i>
																</div>
																<div class="mt-timeline-content">
																	<div class="mt-content-container bg-white border-grey-steel">
																		<div class="mt-author">
																			<div class="mt-author-notes font-grey-mint">2016-12-01 16:15:22.987</div>
																			<a href="#"><span class="mt-content-title">个人评分</span></a>
																		</div>
																		<div class="mt-content border-grey-steel">
																			<div class="mui-content">
																				<div class="mui-content-padded">
																					<div class="chart" id="selfChart-ecdc0835-3c97-4f67-a281-3e2222d0b50b"></div>
																					<script>
																						initRadarChart([{
																							name: '快乐',
																							max: 100
																						}, {
																							name: '自信',
																							max: 100
																						}, {
																							name: '动力',
																							max: 100
																						}, {
																							name: '安全',
																							max: 100
																						}, {
																							name: '积极',
																							max: 100
																						}, {
																							name: '规则',
																							max: 100
																						}, {
																							name: '一致',
																							max: 100
																						}, {
																							name: '关注',
																							max: 100
																						}, {
																							name: '肯定',
																							max: 100
																						}, {
																							name: '鼓励',
																							max: 100
																						}, {
																							name: '尊重',
																							max: 100
																						}, {
																							name: '信任',
																							max: 100
																						}], [60.0, 60.0, 60.0, 60.0, 60.0, 60.0, 60.0, 60.0, 60.0, 60.0, 60.0, 60.0], "selfChart-ecdc0835-3c97-4f67-a281-3e2222d0b50b", "Radar");
																					</script>
																				</div>
																			</div>
																			<!--<a href="javascript:;" class="btn btn-circle btn-outline green">查看更多</a>-->
																		</div>
																	</div>
																</div>
															</li>

															<li class="mt-item">
																<div class="mt-timeline-icon bg-red bg-font-red border-grey-steel">
																	<i class="icon-home"></i>
																</div>
																<div class="mt-timeline-content">
																	<div class="mt-content-container">
																		<div class="mt-author">
																			<div class="mt-author-notes font-grey-mint">2016-12-01 16:10:09.923</div>
																			<a href="/rest/test/exam/examing-report/4012bceb-8e96-4d9a-a1d2-7b292f207daa"><span class="mt-content-title">家长上岗测试</span></a>
																		</div>
																		<div class="mt-content border-grey-steel">
																			<div class="mui-content">
																				<div class="mui-card">
																					<div class="mui-card-header">
																						<h4>总体测评结果</h4>
																						<h6></h6>
																						<a href="/rest/test/exam/examing-report/4012bceb-8e96-4d9a-a1d2-7b292f207daa" class="btn btn-circle btn-outline green">查看详情</a>
																						</span>
																					</div>
																					<div class="mui-card-content">
																						<div class="mui-row">

																							<div class="mui-col-xs-12">

																								<div class="mui-content-padded">
																									<div class="chart" id="scoreChart-4012bceb-8e96-4d9a-a1d2-7b292f207daa"></div>
																								</div>

																							</div>
																						</div>
																					</div>
																				</div>
																				<div class="mui-content-padded">

																					<script>
																						var jsonData = {
																							"examId": "5",
																							"examName": "家长上岗测试",
																							"createTime": "Dec 1, 2016 4:10:09 PM",
																							"pointMax": 127.0,
																							"pointRaw": 10.0,
																							"radarJsonTitle": "[{name:\u0027自信\u0027,max:100},{name:\u0027动力\u0027,max:100},{name:\u0027尊重\u0027,max:100}]",
																							"radarJsonValue": "[0.0,8.0,2.0]",
																							"kownledgeStats": [{
																								"fieldId": 0,
																								"pointId": 2,
																								"pointName": "自信",
																								"questionTypeId": 0,
																								"amount": 4,
																								"rightAmount": 0,
																								"wrongAmount": 4,
																								"score": 0.0,
																								"lastScore": []
																							}, {
																								"fieldId": 0,
																								"pointId": 3,
																								"pointName": "动力",
																								"questionTypeId": 0,
																								"amount": 12,
																								"rightAmount": 0,
																								"wrongAmount": 12,
																								"score": 8.0,
																								"lastScore": []
																							}, {
																								"fieldId": 0,
																								"pointId": 11,
																								"pointName": "尊重",
																								"questionTypeId": 0,
																								"amount": 19,
																								"rightAmount": 0,
																								"wrongAmount": 19,
																								"score": 2.0,
																								"lastScore": []
																							}]
																						};

																						var scored = jsonData.pointRaw;
																						if(scored < 0) {
																							scored = 0;
																						}
																						var less = 100 - scored;
																						initScoreChart(scored, less, 'scoreChart-4012bceb-8e96-4d9a-a1d2-7b292f207daa');
																					</script>
																				</div>
																			</div>

																		</div>
																	</div>
																</div>
															</li>

															<li class="mt-item">
																<div class="mt-timeline-icon bg-red bg-font-red border-grey-steel">
																	<i class="icon-home"></i>
																</div>
																<div class="mt-timeline-content">
																	<div class="mt-content-container">
																		<div class="mt-author">
																			<div class="mt-author-notes font-grey-mint">2016-12-01 11:54:35.083</div>
																			<a href="/rest/test/exam/examing-report/a1d6cf68-ea77-4c7e-99b8-76cb7459e8ea"><span class="mt-content-title">你是合格家长吗？</span></a>
																		</div>
																		<div class="mt-content border-grey-steel">
																			<div class="mui-content">
																				<div class="mui-card">
																					<div class="mui-card-header">
																						<h4>总体测评结果</h4>
																						<h6></h6>
																						<a href="/rest/test/exam/examing-report/a1d6cf68-ea77-4c7e-99b8-76cb7459e8ea" class="btn btn-circle btn-outline green">查看详情</a>
																						</span>
																					</div>
																					<div class="mui-card-content">
																						<div class="mui-row">

																							<div class="mui-col-xs-12">

																								<div class="mui-content-padded">
																									<div class="chart" id="scoreChart-a1d6cf68-ea77-4c7e-99b8-76cb7459e8ea"></div>
																								</div>

																							</div>
																						</div>
																					</div>
																				</div>
																				<div class="mui-content-padded">

																					<script>
																						var jsonData = {
																							"examId": "1",
																							"examName": "你是合格家长吗？",
																							"createTime": "Dec 1, 2016 11:54:35 AM",
																							"pointMax": -470.0,
																							"pointRaw": -370.0,
																							"radarJsonTitle": "[{name:\u0027家长\u0027,max:100}]",
																							"radarJsonValue": "[-470.0]",
																							"kownledgeStats": [{
																								"fieldId": 0,
																								"pointId": 0,
																								"pointName": "家长",
																								"questionTypeId": 0,
																								"amount": 30,
																								"rightAmount": 0,
																								"wrongAmount": 30,
																								"score": -470.0,
																								"lastScore": []
																							}]
																						};

																						var scored = jsonData.pointRaw;
																						if(scored < 0) {
																							scored = 0;
																						}
																						var less = 100 - scored;
																						initScoreChart(scored, less, 'scoreChart-a1d6cf68-ea77-4c7e-99b8-76cb7459e8ea');
																					</script>
																				</div>
																			</div>

																		</div>
																	</div>
																</div>
															</li>

															<li class="mt-item">
																<div class="mt-timeline-icon bg-red bg-font-red border-grey-steel">
																	<i class="icon-home"></i>
																</div>
																<div class="mt-timeline-content">
																	<div class="mt-content-container">
																		<div class="mt-author">
																			<div class="mt-author-notes font-grey-mint">2016-12-01 11:53:46.123</div>
																			<a href="/rest/test/exam/examing-report/6a1aca8e-151e-4a21-b1f2-76fb059bbb33"><span class="mt-content-title">你是合格家长吗？</span></a>
																		</div>
																		<div class="mt-content border-grey-steel">
																			<div class="mui-content">
																				<div class="mui-card">
																					<div class="mui-card-header">
																						<h4>总体测评结果</h4>
																						<h6></h6>
																						<a href="/rest/test/exam/examing-report/6a1aca8e-151e-4a21-b1f2-76fb059bbb33" class="btn btn-circle btn-outline green">查看详情</a>
																						</span>
																					</div>
																					<div class="mui-card-content">
																						<div class="mui-row">

																							<div class="mui-col-xs-12">

																								<div class="mui-content-padded">
																									<div class="chart" id="scoreChart-6a1aca8e-151e-4a21-b1f2-76fb059bbb33"></div>
																								</div>

																							</div>
																						</div>
																					</div>
																				</div>
																				<div class="mui-content-padded">

																					<script>
																						var jsonData = {
																							"examId": "1",
																							"examName": "你是合格家长吗？",
																							"createTime": "Dec 1, 2016 11:53:46 AM",
																							"pointMax": -470.0,
																							"pointRaw": -60.0,
																							"radarJsonTitle": "[{name:\u0027家长\u0027,max:100}]",
																							"radarJsonValue": "[-160.0]",
																							"kownledgeStats": [{
																								"fieldId": 0,
																								"pointId": 0,
																								"pointName": "家长",
																								"questionTypeId": 0,
																								"amount": 30,
																								"rightAmount": 0,
																								"wrongAmount": 30,
																								"score": -160.0,
																								"lastScore": []
																							}]
																						};

																						var scored = jsonData.pointRaw;
																						if(scored < 0) {
																							scored = 0;
																						}
																						var less = 100 - scored;
																						initScoreChart(scored, less, 'scoreChart-6a1aca8e-151e-4a21-b1f2-76fb059bbb33');
																					</script>
																				</div>
																			</div>

																		</div>
																	</div>
																</div>
															</li>

														</ul>
													</div>
												</li>

											</ol>
										</div>
										<!-- .events-content -->
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- END PAGE BASE CONTENT -->
				</div>
				<!-- END CONTENT BODY -->
			</div>
			<!-- END CONTENT -->
		</div>

		<script>
			
		</script>
		<!-- END CONTAINER -->
		<!-- BEGIN CORE PLUGINS -->
		<script src="../../js/jquery-1.8.3.min.js" type="text/javascript"></script>
		<script src="../../js/plugin/bootstrap.min.js" type="text/javascript"></script>
		<script src="../../js/plugin/js.cookie.min.js" type="text/javascript"></script>
		<script src="../../js/plugin/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
		<script src="../../js/plugin/jquery.slimscroll.min.js" type="text/javascript"></script>
		<script src="../../js/plugin/jquery.blockui.min.js" type="text/javascript"></script>
		<script src="../../js/plugin/bootstrap-switch.min.js" type="text/javascript"></script>
		<!-- END CORE PLUGINS -->
		<!-- BEGIN PAGE LEVEL PLUGINS -->
		<script src="../../js/plugin/horozontal-timeline.min.js" type="text/javascript"></script>
		<!-- END PAGE LEVEL PLUGINS -->
		<!-- BEGIN THEME GLOBAL SCRIPTS -->
		<script src="../../js/plugin/app.min.js" type="text/javascript"></script>
		<!-- END THEME GLOBAL SCRIPTS -->
		<!-- BEGIN THEME LAYOUT SCRIPTS -->
		<script src="../../js/plugin/layout.min.js" type="text/javascript"></script>
		<script src="../../js/plugin/demo.min.js" type="text/javascript"></script>
		<!-- END THEME LAYOUT SCRIPTS -->

	</body>

</html>